/* CSS Document */

@media all and (max-width:1700px){/*1680 * 1050*/
    
    
}

@media all and (max-width:1460px){/*1440 * 900*/


   
    
}

@media all and (max-width:1400px){
    
    
}

@media all and (max-width:1380px){/*1366*/



}

@media all and (max-width:1300px){/*1280 * 800*/



   
}

@media all and (max-width:1260px){/*1260*/


	.contain{width:100%;padding:0 2%;}
	
	.iCase-block .t1{font-size:16px;line-height:23px;}
	.iCase-block .t2{font-size:24px;line-height:33px;}
	
	.I-title .t1{line-height:43px;font-size:38px;}
	.I-title .t2{line-height:38px;font-size:22px;}
	
	.srv-stage .contain{padding-left:2%;padding-right:2%;}
	
	.ctUs-box{right:0px !important}
	
	.proInfo-wrap{padding:41px 2% 43px;}

}

@media all and (max-width:1200px){ /*1200*/

	.Hnav a{width:82px;font-size:16px;}
	
	.I-title .t1{line-height:41px;font-size:36px;}
	.I-title .t2{line-height:36px;font-size:20px;}
	
	.index-more .t1{line-height:51px;font-size:44px;}
	
	.ctUs-form{width:55%;}
	
	#index-bnr .box{padding:0 2%;width:100%;left:0px;margin-left:0px;}


}

@media all and (max-width:1100px){/*1024 * 768 */

	.Hnav a{width:72px;font-size:14px;}
	
	.iCase-block .t1{font-size:14px;line-height:20px;}
	.iCase-block .t2{font-size:20px;line-height:28px;}
	
	.I-title .t1{line-height:38px;font-size:34px;}
	.I-title .t2{line-height:34px;font-size:18px;}
	
	.index-more .t1{line-height:47px;font-size:40px;}
	
	.nInfo-left{width:73%;}
	
	.ctUs-form{width:50%;}
	
	.com-pro .con{width:100%;}
    
}

@media all and (max-width:980px){/*web*/

	body, button, input, pre, select, textarea{font-weight:normal;}

	img{max-width:100%;}

	/*-- Header --*/
	.Header-wrapper .Header-cl,
	.header-container,
	.Hlogo,
	.Hct,
	.Htel{height:50px;}
	.Hlogo{line-height:50px;}
	.Htel{padding:0px;width:36px;font-size:0px;top:0px;background-position:center center;margin:0px;}
	.Hct{width:42px;}
	.Hlogo img{height:80%;}
	.Hmenu-btn{display:block;}
	.Hnav{display:none;width:100%;background:#fff;border-top:1px solid #ccc;position:absolute;top:50px;left:0px;}
	.Hnav a{width:100%;height:45px;line-height:45px;border-bottom:1px solid #ccc;float:none;margin:0px;}
	.Hnav a .box{height:45px;line-height:45px;top:0px;}
	.Hnav a.cur .box span, 
	.Hnav a:hover .box span{top:-45px;}
	.Hnav a i{display:none;}
	.Hnav a.cur,
	.Hnav a:active{border-color:#b60005;}
	
	/*-- Footer --*/
	.footer-container{padding:0 0 .47rem;}
	
	.footer-btm .flink{display:none;}
	.footer-btm .fcr{font-size:12px;line-height:18px;padding:0px;border:0px;margin:0px;}
	
	.Fnav{padding:0px;border:0px;}
    .Fnav{width:100% !important;margin:2% 0 0;}
	.Fnav i{display:none;}
    .Fnav dt{padding:0 2%;height:40px;line-height:40px;font-size:16px;border-bottom:1px solid #ccc;margin:0px;}
    .Fnav dt.cur{border-bottom:1px solid #b60005;}
    .Fnav dd{display:none;}
    .Fnav dd a{line-height:40px;padding:0 4%;}
	
	.Fct{position: relative; }
	
	/*-- Container --*/
	#index-bnr{display:none;}
	#index-web-bnr{display:block;}
	
	.index-pro li img{width:40px;}
	.index-pro li .type{font-size:18px;line-height:24px;margin:12px 0 0;}
	.index-pro li .list{margin:10px 0 0;}
	.index-pro li .list a{line-height:26px;}
	
	
	.iCase-list li.l1,
	.iCase-list li.l2,
	.iCase-list li.l4,
	.iCase-list li.l5{width:25%;}
	.iCase-list li.l3,
	.iCase-list li.l6,
	.iCase-list li.l7,
	.iCase-list li.l8{width:50%;}
	.iCase-list li.l7 .iCase-box,
	.iCase-list li.l8 .iCase-box{width:50%;float:left;}
	
	.iCase-list li.l1 .iCase-box img,
	.iCase-list li.l7 .iCase-box img,
	.iCase-list li.l8 .iCase-box img{height:150px !important;}
	
	.iCase-list li.l2 .iCase-box img,
	.iCase-list li.l3 .iCase-box img,
	.iCase-list li.l4 .iCase-box img,
	.iCase-list li.l5 .iCase-box img,
	.iCase-list li.l6 .iCase-box img{height:300px !important;}
	
	.I-title .t1{line-height:36px;font-size:32px;}
	.I-title .t2{line-height:32px;font-size:16px;}
	.I-title .t3{width:100%;padding:0 2%;}
	
	.I-more.btn{width:200px;line-height:40px;font-size:14px;}
	.I-more.btn span{background-size:18px auto;}
	
	.index-abUs .con1{font-size:32px;line-height:46px;}
	.index-abUs .con2{width:92%;}
	.index-abUs ul li{margin:0 .4rem;}
	.index-abUs ul li .num{font-size:70px;line-height:66px;}
	
	.index-more{padding-left:4%;padding-right:4%;}
	.index-more .t1{line-height:43px;font-size:36px;}
	
	.iNews-1st .name{font-size:16px;line-height:22px;height:44px;}
	.iNews-list a{font-size:14px;line-height:28px;}
	
	.case-list li{width:50%;}
	
	
	.cIalbum-top{height:50px;}
	.cIalbum-top .btn{font-size:14px;line-height:28px;left:4%;top:11px;}
	.cIalbum-top .btn span{padding:0 0 0 30px;background-size:auto 80%;}
	
	.srv-stage.s4 .contain{padding:1.67rem 0 0;}
	.srv-stage .srv-box{width:80%;float:none;margin:0 auto;}
	.srv-stage .srv-web{display:block;}
	.srv-stage .contain{padding:0px;}
	.srv-stage .srv-bg{display:none;}
	
	.srv-stage.s4 .srv-web{padding:0px;}
	.srv-stage.s4 .srv-web img{width:100%;}
	
	.news-nav a{font-size:14px;line-height:40px;}
	.news-nav a:before{height:12px;top:14px;}
	
	.nlist-img img{height:auto;}
	.nlist-box .name{font-size:20px;line-height:28px;margin:.375rem 0 0;}
	.nlist-box .con{margin:.3rem 0 0;}
	.nlist-box .more{margin:.8rem 0 0;}
	
	.nInfo-right{display:none;}
	.nInfo-left{width:100%;padding:.53rem 0 1.02rem;min-height:0px;border:0px;}
	.nInfo-name{font-size:26px;line-height:32px;}
	.nInfo-share a{margin:0 10px 0 0;}
	
	.bnr-img.page-bnr{height:6rem;}
	
	.ctUs-form{width:80%;float:none;margin:0 auto;}
	

	.ctUs-box{padding:.51rem 0 .66rem .765rem;width:80% !important;position:relative;margin:4% auto 0;}

	.cPro-data li{margin:3% 0 0 .51rem;}
	.cPro-data li:first-child{margin:0px;}
	.cPro-data li .num{font-size:60px;line-height:50px;}
	
	.cCul-list .cCul-icon{width:120px;height:120px;line-height:116px;}
	
	.I-title .split{margin:.5rem auto .4rem;}
	
	.com-pro .title{font-size:30px;line-height:40px;}
	
	.cCul-list{margin:.69rem 0 0;}

	.float-right-box,
	.float_qq{display:none;}
	
	.index-news,
	.page-banner{display:none;}
	.web-banner{display:block;}

	.com-orn .comOrn-web{display:block;}
	.com-orn .comOrn-pc{display:none;}
	
	.iCase-list li{height:auto !important;}
	
	.footer-flink{margin:20px 0 0;}
	.footer-flink .contain{padding:.5rem 0;}
	.footer-flink ul li{width:25%;}
	
	.proInfo-box{width:100%;float:none;}
	
	.proInfo-nav{width:100%;float:none;}
	
	.pInfoNav-cur,
	.pInfoNav-rtn{display:block;}
	
	.proInfo-split{display:none;}
	
	.pInfoNav-box{display:none;padding:0 4%;width:100%;height:100%;background:#fff;position:fixed;top:0px;left:0px;overflow-y:auto;z-index:9999;}
	
	.news-nav a{width:100%;}
	.hc-ul{height:36px;}
	.hc-ul li{height:36px;line-height:36px;}
    .Header-wrapper{z-index:9999;}
}

@media all and (max-width:768px){
	.coltata a p{line-height: 1.5rem;}
	.coltata a{position: absolute;
		top: -3rem;left:45%;font-size: 12px;} 
	.Fct a{    position: absolute;
		top: -3rem;font-size: 12px;}
		.contain1{width:100%;}
		.pccp{    display: block;
			margin: 0 auto;}
	.foot-bg{
		background: url('../image/mbg5_02.png');background-size: 100% 100%;
	}
	 .sjcp{ margin: 0 auto;display: block;}
	 .pccp{display: none;}
	 .index-pro{padding:0px;     color: #e11656;
		text-align: center;
		background: #fff;}
	 .index-pro li{width:50%;padding:.37rem 0 .57rem;}
	 .index-pro li .list{    line-height: 22px;
		margin: 15px 0 0;
		color: #000;}
	.iCase-list li.l1 .iCase-box img,
	.iCase-list li.l7 .iCase-box img,
	.iCase-list li.l8 .iCase-box img{height:120px !important;}
	
	.iCase-list li.l2 .iCase-box img,
	.iCase-list li.l3 .iCase-box img,
	.iCase-list li.l4 .iCase-box img,
	.iCase-list li.l5 .iCase-box img,
	.iCase-list li.l6 .iCase-box img{height:240px !important;}
	
	.I-title .t1{line-height:32px;font-size:28px;}
	.I-title .t2{line-height:30px;font-size:14px;}
	
	.index-abUs .con1{font-size:28px;line-height:42px;}
	.index-abUs ul li .num{font-size:60px;line-height:56px;}
	
	.index-more .t1{line-height:39px;font-size:32px;}
	
	.iNews-wrap{margin:0px;}
	.iNews-wrap li{width:60%;float:none;margin:4% auto 0 !important;}
	.iNews-1st .name{height:22px;}
	.iNews-list{margin:10px 0 0;}
	
	.cInfo-album,
	body.cIalbum-open .cInfo-album{width:100%;}
	.cInfo-album{right:-100%;}
	.cIalbum-swiper{width:92%;height:auto;}
	.cIalbum-swiper .swiper-pagination .swiper-pagination-bullet{width:33.333%;height:auto;}
	
	.srv-stage .srv-web img,
	.srv-stage .srv-box{width:90%;}
	.srv-stage .s-title{font-size:30px;line-height:40px;}
	.srv-stage .s-con{font-size:16px;line-height:24px;}
	.srv-stage .s-list{font-size:16px;line-height:30px;margin:20px 0 0;}
	
	.nlist-img,
	.nlist-box{width:80%;float:none;margin:0 auto;}
	.nlist-box{margin:2% auto 0;}
	
	.ctUs-form,
	.ctUs-box{width:90% !important}

	.cPro-data li .num{font-size:50px;line-height:40px;}
	
	.cCul-list .cCul-icon{width:100px;height:100px;line-height:96px;}
	.cCul-list .type{font-size:18px;line-height:26px;margin:18px 0 0;}
	.cCul-list .con{font-size:12px;line-height:22px;}

	.index-more{background-attachment:initial !important;}
	
	.bnr-img.page-bnr{height:8rem;}
     
}

@media all and (max-width:640px){
    
	.iCase-list li.l1,
	.iCase-list li.l2,
	.iCase-list li.l4,
	.iCase-list li.l5{width:50%;}
	
	.iCase-list li.l3,
	.iCase-list li.l6,
	.iCase-list li.l7,
	.iCase-list li.l8{width:100%;}
	
	.iCase-list li.l1 .iCase-box img,
	.iCase-list li.l7 .iCase-box img,
	.iCase-list li.l8 .iCase-box img{height:150px !important;}
	
	.iCase-list li.l2 .iCase-box img,
	.iCase-list li.l3 .iCase-box img,
	.iCase-list li.l4 .iCase-box img,
	.iCase-list li.l5 .iCase-box img,
	.iCase-list li.l6 .iCase-box img{height:300px !important;}
	
	.I-title .t1{line-height:28px;font-size:24px;}
	
	.index-abUs .con1{font-size:24px;line-height:38px;}
	.index-abUs ul li .num{font-size:50px;line-height:46px;}
	.index-abUs ul li .con{font-size:14px;line-height:24px;}
	
	.index-more .t1{line-height:35px;font-size:28px;}
	
	.iNews-wrap li{width:80%;}
	
	.case-sel{width:46%;margin:0 2%;}
	
	.pagination a{width:30px;height:30px;line-height:28px;font-size:12px;margin:0 2px;}
	
	.p-rtn-btn{width:150px;line-height:34px;font-size:14px;}
	.p-rtn-btn span{padding:0 0 0 24px;background-size:16px auto;}
	
	.I-more.btn{width:160px;line-heihgt:34px;}
	.I-more.btn span{padding:0 24px 0 0;background-size:16px auto;}
	
	.news-nav a{font-size:12px;line-height:36px;}
	.news-nav a:before{height:10px;top:13px;}
	
	.nlist-img,
	.nlist-box{width:90%;}
	
	.ctUs-form,
	.ctUs-box{width:96% !important}
	
	.ctUs-box .ctUs-block{width:90%;}

	.cPro-data li .num{font-size:40px;line-height:30px;}
	.cPro-data li .type{font-size:14px;line-height:20px;}
	
	.cCul-list .cCul-icon{width:80px;height:80px;line-height:76px;}
	
	.com-culture .I-title .t3, 
	.com-srv .I-title .t3{font-size:14px;line-height:24px;}

	.com-pro{padding:.8rem 2% 1.05rem;}

	.nInfo-share a{margin:0 10px 0 0 !important;}
	
	.bnr-img.page-bnr{height:10rem;}
	.footer-flink ul li{width:50%;}

    .pageflip{width:100%;}
	.flipbox .p-rtn-btn{float:left;margin-top:20px;}
}

@media all and (max-width:414px){
	
	.I-title .t1{line-height:24px;font-size:20px;}
	
	.index-abUs .con1{font-size:20px;line-height:34px;}
	.index-abUs ul li .num{font-size:40px;line-height:36px;}
	.index-abUs ul li .con{font-size:12px;line-height:20px;}
	
	.index-more .t1{line-height:31px;font-size:24px;}
	
	.index-pro li{padding:0;}
	

	.iNews-wrap li,
	.case-list li{width:100%;}
	
	.srv-stage .srv-web img{width:100%;}
	.srv-stage .srv-box{width:92%;}
	
	.nlist-img,
	.nlist-box{width:96%;}
	
	/*.nInfo-share{float:none;}
	.nInfo-action .p-rtn-btn{float:none;margin:15px 0 0;}*/
	
	.bnr-img.page-bnr{height:16rem;}



}

@media all and (max-width:375px){
	
	.index-abUs .con1{font-size:18px;line-height:24px;}
    
}